<!DOCTYPE HTML>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <title>悦诗风吟代言</title>
    <style type="text/css" media="screen">
    body {
        width: 960px;
        margin: 0 auto;
        font: 18px/1.8em '微软雅黑';
    }

    h1 {
        color: green;
    }

    p {
        font-size: 20;
        padding: 5px 0;
        font-weight: bolder;
    }
    </style>
</head>

<body>
    <h1>悦诗风吟代言</h1>
    <p>代言内容：
    </p>
    <pre>
    新版小绿瓶、绿色植物、面膜

    环保方巾
    </pre>
    <script>
    document.onclick = function(evt) { //事件对象只能在对应的事件处理函数内部可以访问到
        for (var i in evt) {
            console.log(i + "=" + evt[i]);
        }
    };
    </script>
    <p>代言方式</p>
    <pre>
        平面海报、告白视频、360全角直播
   </pre>
    <script>
    console.log(window.event); //null
    window.onload = function() {
        console.log(window.event);
    };
    </script>
</body>

</html>
